<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>我的收藏</title>
    <link href="css/main.css" type="text/css" rel="stylesheet" />
</head>
<body  id="wdsc">
<div class="container">
    <ul class="gnd_tabList clearfix">
        <li class="detail_active"><span>店铺收藏</span></li>
        <li><span>广告资源收藏</span></li>
        <li><span>广告资源收藏</span></li>
    </ul>
    <ul class="dpsc">
        <li class="clearfix">
            <div class="detail_left fl">
                <img src="tmp/bg_shop1.png"/>
                <span>大娘水饺(解放路店)</span>
            </div>
            <div class="detail_right fr">
                取消关注
            </div>
        </li>
        <li class="clearfix">
            <div class="detail_left fl">
                <img src="tmp/bg_shop1.png"/>
                <span>大娘水饺(解放路店)</span>
            </div>
            <div class="detail_right fr">
                取消关注
            </div>
        </li>
        <li class="clearfix">
            <div class="detail_left fl">
                <img src="tmp/bg_shop1.png"/>
                <span>大娘水饺(解放路店)</span>
            </div>
            <div class="detail_right fr">
                取消关注
            </div>
        </li>
    </ul>
    <ul class="ggzysc">
        <li class="clearfix">
            <div class="detail_left fl clearfix">
                <img src="tmp/bg_shop1.png" class="fl"/>
                <p class="fl">
                    <span>出租车LED套出租车LED套餐出租车LED套餐出租车LED套餐出租车LED套餐餐</span>
                    <span class="font-color">500￥起</span>
                </p>
            </div>
            <div class="detail_right fr">
                取消关注
            </div>
        </li>
        <li class="clearfix">
            <div class="detail_left fl clearfix">
                <img src="tmp/bg_shop1.png" class="fl"/>
                <p class="fl">
                    <span>出租车LED套餐</span>
                    <span class="font-color">500￥起</span>
                </p>
            </div>
            <div class="detail_right fr">
                取消关注
            </div>
        </li>
        <li class="clearfix">
            <div class="detail_left fl clearfix">
                <img src="tmp/bg_shop1.png" class="fl"/>
                <p class="fl">
                    <span>出租车LED套餐</span>
                    <span class="font-color">500￥起</span>
                </p>
            </div>
            <div class="detail_right fr">
                取消关注
            </div>
        </li>
    </ul>
</div>
<script src="js/rem.js"></script>
<script src="js/jquery.js"></script>
<script>
    $(function(){
        $(".ggzysc").hide();
        $(".gnd_tabList li").click(function(){
            $(".gnd_tabList li").removeClass("detail_active");
            $(this).addClass("detail_active");
            if($(this).index()==0){
                $(".dpsc").show();
                $(".ggzysc").hide();
            }else{
                $(".dpsc").hide();
                $(".ggzysc").show();
            }
        })
    })
</script>
</body>
</html>